<template>
  <el-container>
    <el-header height="70px">
      <Head></Head>
    </el-header>
    <el-container>
      <el-aside width="200px">
        <Side></Side>
      </el-aside>
      <el-main>
        <router-view/>
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
import Head from "./page/Head";
import Side from "./page/Side";

export default {
  name: "Home",
  components: {
    Side, Head
  }
}
</script>

<style scoped>
  * {
    padding: 0;
    margin: 0;
    height: 100%;
  }
</style>
